<template>
    <div class="search-box">
      <input type="text" placeholder="请输入您的问题">
      <i class="search-btn"></i>
    </div>
</template>

<script>
  import { Ajax } from "@/mixins";

  export default {
    /*naem: "rewardPop",
     mixins: [Ajax],*/
    components: {

    },
    props: {
      // 必填，是否显示弹框

    },
    data() {
      return {

      };
    },
    watch: {

    },
    methods: {

    }
  };
</script>

<style scoped>

  .search-box{
    position: relative;
    padding: 0.4rem 0 0.6rem 0.54rem;
    background: #fff;
  }
  .search-box input{
    padding-left: 0.3rem;
    width: 9.64rem;
    height: 1.32rem;
    border-radius: 0.12rem;
    border: solid 0.03rem #8e79c0;
  }
  .search-btn{
    position: absolute;
    right: 0.36rem;
    bottom: 0.6rem;
    width: 1.32rem;
    height: 1.32rem;
    background: url("../../assets/images/icon-search.png") no-repeat center/66% 64%;
  }

</style>
